// pages/Types/Search.js
const Controller = require('../controllers/controllers.js').controller;
Page({

    /**
     * 页面的初始数据
     */
    data: {
        Keyword: '',
        history: [],
        placeholder: '',
        recommend: []
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function(options) {
        this.getKeywordList()
    },

    //输入
    input(e) {
        this.setData({
            Keyword: e.detail.value
        });
    },


    //清空历史搜索
    emptyHistory() {
        this.setData({
            history: []
        })
        wx.setStorageSync('history', this.data.history)
    },


    //获取历史搜索
    getHistory() {
        this.setData({
            history: wx.getStorageSync('history') ? wx.getStorageSync('history') : []
        })
    },


    //历史搜索
    getKeyword(e) {
        let Keyword = e.target.dataset.name
        if (Keyword) {
            this.setData({
                Keyword
            })
            this.goSearch()
        }

    },

    //推荐搜索
    getKeywordList() {
        Controller.keywordList().then(res => {
            this.setData({
                recommend: res.data.baseData,
                placeholder: res.data.baseData[0].title
            })
        })
    },


    //搜索
    goSearch() {
        if (this.data.Keyword == "") {
            this.setData({
                Keyword: this.data.placeholder
            })
        }
        let history = this.data.history
        if (history.indexOf(this.data.Keyword) == -1) {
            history.push(this.data.Keyword)
            wx.setStorageSync('history', history)
        }
        let url = '/pages/Types/Result' + '?keyword=' + this.data.Keyword
        wx.navigateTo({
            url
        })
        this.setData({
            Keyword: ''
        })
    },


    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function() {
        this.getHistory()
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function() {

    }
})